<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="styles/deng.css">
		<style>
			*{
				padding: 0;
				margin: 0;
			}
			#mainwrap{
				background-color: #393939;
				margin: 0 10px;
			}
			#mainwrap #main{
				width: 80%;
				margin: 0 auto;
				padding: 15px 0;
			}
			#mainwrap #main h3{
				text-align: center;
				border-bottom: 1px solid #6b6b6b;
				padding-bottom: 10px;
				margin: 10px 0;
			}
			#mainwrap #main label{
				text-align: right;
				width: 100px;
				display: inline-block;
				padding-bottom: 10px;
			}
			#mainwrap #main input[type="text"],#mainwrap #main input[type="password"]{
				height: 25px;
				width: 225px;
				padding-left: 25px;
			}
			#mainwrap #main input[type="text"]{
				background: url(./number.png) no-repeat left center;
			}
			#mainwrap #main input[type="password"]{
				background: url(./pwd.png) no-repeat left center;
			}
			#header{
				text-align: center;
			}
			#footer{
				text-align: center;
			}
			p{
				color: aliceblue;
			}
			h3{
				color: #ffffff;
			}
			.navbar a {
            color: white;
            text-decoration: none;
            padding: 12px 16px;
            transition: background-color 0.3s;
        }
		.navbar a:hover {
            background-color: #d14358;
            color: black;
        }
		</style>
	</head>
	<body>
		<div id="header">
			<img src="./logo.png" alt="">
		</div>
		<div id="mainwrap">
			<div id="main">
			<form action="" method="post" name="reg">
				<h3>New user registration</h3>
				<p>
					<label for="">Account</label>
					<input type="text">
					<span></span>
				</p>
				<p>
					<label for="">Set a password</label>
					<input type="password">
					<span>The length is between 8-12 bits</span>
				</p>
				<p>
					<label for="">Confirm your password</label>
					<input type="password">
					<span>Please keep the password the same twice</span>
				</p>
				<p>
					<label for="">gender</label>
					<input type="radio" name="xb" checked="checked" value="male"/>man
					<input type="radio" name="xb" value="female"/>woman
				</p>
				
				<div class="navbar">
					<a href="index.html">enroll</a>
					<a href="">reset</a>
				</div>
			</form>
		</div>
		</div>
		<div id="footer">
			<p>Address: 3 Daxue Road</p>
			<p>All rights reserved</p>
		</div>
		
	</body>
</html>